@model Proyecto2Bases.Models.EstadosCuentaModel
@{
    ViewBag.Title = "Index";
}

<div class="uk-container uk-container-center uk-margin-top">
    <h1 class="uk-h1">Estados de Cuenta</h1>
    <hr />
    <div class="uk-container uk-width-1-3">
        Nombre del cliente: @Model.Cliente.NombreReal
    </div>
    @{ILookup<Int32, Proyecto2Bases.Models.EstadoCuentaModel> estadosCuentaPorId = Model.ListaEstadosCuenta.ToLookup(c => c.IdCuenta);}
    @foreach (var cuenta in estadosCuentaPorId)
    {
        <h3 class="uk-h3">Cuenta numero: @cuenta.Key</h3>
        foreach (var estadoCuenta in cuenta)
        {
            <div class="uk-container  uk-width-1-3">                                    
                        <div>Fecha Corte: @estadoCuenta.FechaCorte.Date.ToString("d")</div>                                        
                        <div>Saldo Inicial: @estadoCuenta.SaldoInicial</div>             
                        <div>Saldo Final: @estadoCuenta.PagoContado</div>                    
                        <div>Interes Normal Acumulado: @estadoCuenta.InteresNormalAcumulado</div>                    
                        <div>Interes Moratorio: @estadoCuenta.InteresMoratorioAcumulado</div>                    
                        <div>Total Retiros: @estadoCuenta.TotalRetiros</div>                    
                        <div>Cargo por Retiro: @estadoCuenta.CargoPorRetiro</div>                    
                        <div>Cargo por Administracion: @estadoCuenta.CargoPorAdministracion</div>                
            </div>
        <h3 class="uk-h3">Movimientos del periodo</h3>
        <hr />
            <table class="uk-table">
                <thead>
                    <tr>
                        <th>Fecha</th>
                        <th>Monto</th>
                        <th>Descripcion</th>
                    </tr>
                </thead>
                @foreach (var movimiento in estadoCuenta.Movimientos)
                {
                    <tr>
                        <td>@movimiento.Fecha</td>
                        <td>@movimiento.Monto</td>
                        <td>@movimiento.Descripcion</td>
                    </tr>
                }
            </table>

        }
    }
</div>

